.datepicker-hour,
.datepicker-minute,
.datepicker-second {
  box-sizing: border-box;
  width: 56px;
  overflow-y: scroll;
  height: 100%;
  padding-left: 6px;
  &::-webkit-scrollbar {
    width: 6px;
  }
  &::-webkit-scrollbar-track {
    display: none;
  }
  &::-webkit-scrollbar-thumb {
    opacity: 0.5;
    background: #fff;
    -webkit-box-shadow: inset 0 0 6px #fff;
  }
  &:hover {
    &::-webkit-scrollbar-thumb {
      background: #dedee0;
      -webkit-box-shadow: inset 0 0 6px #dedee0;
    }
  }
  &-item {
    display: block;
    cursor: pointer;
    height: 28px;
    width: 100%;
    text-align: center;
    line-height: 28px;
    &:hover {
      background: #f5f5f5;
    }
  }
  &-active {
    background: #e6f7ff !important;
  }
}
